/*
 * Licensed under the Apache License, Version 2.0
 * See accompanying LICENSE file.
 */

/* Reset to use specified fonts */
* {
  font-family: lato, roboto, 'helvetica neue', 'segoe ui', arial, helvetica, sans-serif;
}

/* Set default font size (depends on the font face) */
body, .form-control {
  font-size: 13px;
}

/* bolder text */
.bold {
  font-weight: 500;
}

.actor-path {
  word-break: break-all;
}

/*
body {
  background-color: #f4f4f4;
}
*/

/* Translate the first letter of a angular-route-segment segment capitalized */
.breadcrumb > li {
  text-transform: capitalize;
}

/* ui-select input control should align with grid */
* [theme="select2"] {
  width: 100%;
}

/* Dashing default chart widgets does not have padding */
.dashing-chart-container {
  padding-bottom: 20px;
  padding-top: 10px;
}

/* For dashing widget "indicator" shape="stripe", need to remove parent element padding (2 rules) */
th.td-no-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

td.td-no-padding {
  padding: 0 !important;
}

/* todo: experimental style for tooltip panel */
.tooltip-panel {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  background-color: #000;
  opacity: .75;
  color: #fff;
  padding: 5px 15px;
  cursor: default;
  border-radius: 2px;
}

/**
 * Animated loading arrows (3 rules)
 */
.rotate-animation {
  -animation: spin 1s infinite linear;
  -webkit-animation: spin2 1s infinite linear;
}

@-webkit-keyframes spin2 {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  from { transform: scale(1) rotate(0deg); }
  to { transform: scale(1) rotate(360deg); }
}

/* Help text */
.help-text {
  border-bottom: thin dotted;
  cursor: help;
}

/* Drop-box (2 rules) */
.dropbox {
  background: #f8f8f8;
  border: 4px dashed #ddd;
  text-align: center;
  padding: 10px;
}

.dropbox-dragover {
  border-color: #448bc8;
}